<template>
	<div class="card-head">
		<a href="javascript:;" class="head-btn">全部区域<i class="icon-arrow"></i></a>
		<a href="javascript:;" class="head-btn">全部分类<i class="icon-arrow"></i></a>
	</div>
	<div class="card-index">
		<card-type-a></card-type-a>
	</div>
</template>

<script>

	import cardTypeA from '../card-box/card-type-a';
	import Vue from 'vue';
	import VueResource from 'vue-resource';

	//Vue.use(VueResource);
	//Vue.http.options.emulateJSON = true;

	export default {
		components: {
			cardTypeA
		}
	}

</script>

<style lang="scss" scoped>
	@import "../../assets/css/_functions.scss";
	@import "../../assets/css/_variables.scss";
	.card-head{
		height: rem(40);
		line-height: rem(40);
		background-color:#fff;
		.head-btn{
			width:49%;
			text-align: center;
			display: inline-block;
		}
		.icon-arrow{
			width:rem(6);
			height: rem(6);
			margin-top:rem(-4);
			margin-left:rem(5);
			display:inline-block;
			border-bottom:1px solid #b5b5b5;
			border-left:1px solid #b5b5b5;
			vertical-align: middle;
			transform:rotate(-45deg);
		}

	}
	.card-index {
		padding:0 rem(15);
		margin-top:rem(15);
		font-family: "Microsoft YaHei";
		background-color: #eee;
	}

</style>
